<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网易音乐人 - 欢迎所有音乐妄想</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/musicPerson.css" />
		<link rel="stylesheet" type="text/css" href="js/fullPage.js-master/dist/fullpage.css" />
		<link
		type="image/icon"
		rel="icon"
		href="../ico/wyy.ico"
	/>
	</head>
	<body>
		<!-- 轮播图小点 -->
		<div class="pos">
			<ul id="point">
				<li class="red-point"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<header class="first-row ">
			<div class="wpn flex justify-bet" id="top-nav">
				<!-- 网易音乐人背景图片 -->
				<div id="top-nav-l " class="borderBox">
					<a href="javascript:;" class="block">
						<img src="img/musicperson.png"/>
					</a>
				</div>
				<!-- 中间ul列表 -->
				<div id="top-nav-ul">
					<ul class="flex">
						<li class="bt3 flex justify-bet">
							<a href="javascript:;" class="f16 txt-center block">首页</a>
						</li>
						<li class="flex justify-bet">
							<a href="javascript:;" class="f16 txt-center block">词曲创作大赛</a>
						</li>
						<li class="flex justify-bet">
							<a href="javascript:;" class="f16 txt-center block">个人中心</a>
						</li>
						<li class="flex justify-bet">
							<a href="javascript:;" class="f16 txt-center block">常见问题</a>
						</li>
					</ul>
				</div>
				<!-- 右侧登陆 -->
				<div id="loading" class="alignCenter flex">
					<a href="javascript:;" class="inblock txt-center mrw">加入音乐人</a>
					您还未登陆，请先
					<a href="javascript:;" class="inblock mln">登陆</a>
				</div>
			</div>
		</header>
		<!-- 内容部分 -->
		<section class="second-row pos" id="fullpage">
			<!-- 第一页  -->
			<div class="cont bk-first pos flex alignCenter section">
				<div id="cont-first">
					<h1 class="block">欢迎所有音乐妄想</h1>
					<a href="javascript:;" class="block txt-center">现在加入</a>
					<p class="mtm txt-center">
						<a href="javascript:;">I`m Not Chinese Artist ></a>
					</p>
					<div id="btn" class="flex justify-center">
						<a href="javascript:;" class="inblock btn1"></a>
						<a href="javascript:;" class="inblock btn2"></a>
						<a href="javascript:;" class="inblock btn3"></a>
					</div>
				</div>
			</div>
			<!-- 第二页 -->
			<div class="cont bk-second pos flex alignCenter justify-center section">
				<div id="cont-second">
					<h2 class="txt-center">自助式作品管理</h2>
					<hr/>
					<ul id="cont-second-ul" class="flex">
						<li >
							<i class="cont-i1 block"></i>
							<h3 class="txt-center">绿色通道，快速发布</h3>
							<p class="txt-center f16">专属上传通道，发布即上线，<br/>让您的作品第一时间和粉丝见面</p>
						</li>
						<li class="ml46">
							<i class="cont-i2 block"></i>
							<h3 class="txt-center">透明、直观的数据报表</h3>
							<p class="txt-center f16">每日更新作品数据、粉丝数据，帮助您更好的运营自己<br/>让您的作品第一时间和粉丝见面</p>
						</li>
						<li class="ml46">
							<i class="cont-i3 block"></i>
							<h3 class="txt-center">绿色通道，快速发布</h3>
							<p class="txt-center f16">专属上传通道，发布即上线，<br/>让您的作品第一时间和粉丝见面</p>
						</li>
					</ul>
				</div>
			</div>
			<!-- 第三页 -->
			<div class="cont bk-third flex alignCenter section">
				<div id="cont-third" class="txt-center ">
					<div>
						<h2 class="txt-center">多维度曝光</h2>
						<hr/>
						<p class="f18">您安心做好音乐，剩下的交给我们</p>
					</div>
					<div id="banners" class="flex">
						<!-- 左按钮 -->
						<div class="bannerLeft">
							
						</div>
						<!-- 轮播列表 -->
						<div class="sde">
							<ul class="flex">
								<li class="mrw pos">
									<h3 class="f16 pos">赵雷《无法长大》销量突破20万，创独立音乐全网新标杆</h3>
									<p class="pos">2017-02</p>
									<div class="mask abs"></div>
									<img src="img/zhaolei.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">石头计划落地，向所有音乐人开通赞赏</h3>
									<p class="pos">2017-02</p>
									<div class="mask abs"></div>
									<img src="img/luodi.jpg" class="abs" />
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">发布《中国独立音乐人上存现状报告》</h3>
									<p class="pos">2016-02</p>
									<div class="mask abs"></div>
									<img src="img/duli.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">启动“石头计划”拟一年2亿扶持独立音乐人</h3>
									<p class="pos">2016-02</p>
									<div class="mask abs"></div>
									<img src="img/zhaolei.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">陈粒《小梦大半》销售额破百万</h3>
									<p class="pos">2017-08</p>
									<div class="mask abs"></div>
									<img src="img/01.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">启动理想音乐行走季，打造国内首部音乐公路电影</h3>
									<p class="pos">2016-07</p>
									<div class="mask abs"></div>
									<img src="img/07.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">启动理想音乐人计划，携独立音乐人走进高校</h3>
									<p class="pos">2015-10</p>
									<div class="mask abs"></div>
									<img src="img/03.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">与太平洋咖啡合作举办“原创音乐人咖啡之旅”</h3>
									<p class="pos">2014-08</p>
									<div class="mask abs"></div>
									<img src="img/05.jpg" class="abs"/>
								</li>
								<li class="mrw pos">
									<h3 class="f16 pos">举办线下演出《听见好时光.网易音乐人Live》</h3>
									<p class="pos">2014-08</p>
									<div class="mask abs"></div>
									<img src="img/06.jpg" class="abs"/>
								</li>
							</ul>
						</div>
						<!-- 右按钮 -->
						<div class="bannerRight">
							
						</div>
					</div>
					<!-- 文字 -->
					<p class="f16">
						从线上的专属主页、原始榜单、歌曲推荐、到线下的Live巡演，专辑制作、资金支持，<br/>
						我们倾尽全力为有实力的原创音乐人提供一系列推广扶持计划，只希望您可以耿庄主于做好音乐。
					</p>
				</div>
			</div>
			<!-- 第四页 -->
			<div class="cont bk-fourth flex justify-center alignCenter section">
				<div id="cont-fourth" class="txt-center">
					<div>
						<h2 class="txt-center">丰富的变现模式</h2>
						<hr/>
						<p class="f18">除了加入会员项目、售卖数字专辑外、您还可以通过开通赞赏、售卖周边可获取额外收入</p>
					</div>
					<div id="cont-fourth-ul">
						<ul class="flex">
							<li>
								<i class="block fourth-i1"></i>
								<p class="f16">专辑累计销量87487张</p>
							</li>
							<li>
								<i class="block fourth-i2"></i>
								<p class="f16">专辑累计销量227785张</p>
							</li>
							<li>
								<i class="block fourth-i3"></i>
								<p class="f16">专辑累计销量127765张</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 第五页 -->
			<div class="cont bk-fifth flex justify-center alignCenter section">
				<div id="cont-fifth">
					<div>
						<h2 class="txt-center">业内首创音乐人指数</h2>
						<hr/>
					</div>
					<div>
						<p class="txt-center">
							<i class="Qleft inblock mrw"></i>
							音乐人指数是网易云音乐针对音乐人推出的一项综合指标，以直观的<br/>
							分数形式体现音乐人在平台上的影响力，指数越高，享受的权益也越多
							<i class="Qright inblock mlw"></i>
						</p>
						<a class="block txt-center f18">查看指数对应的权益</a>
					</div>
				</div>
			</div>
			<!-- 第六页 -->
			<div class="cont bk-sixth flex justify-center alignCenter section">
				<div id="cont-sixth">
					<div>
						<h2 class="txt-center">只需三步轻松成为网易音乐人</h2>
						<hr/>
						<p class="f18 txt-center">想要成为网易音乐人很简单，只要按照下面的介绍完成三个步骤的操作，我们会承诺会在工作日24小时内完成审核！</p>
					</div>
					<div class="cont-sixth-ul pos">
						<ul class="pos flex">
							<li class="f14 txt-center pos">
								<p class="step f18">第一步</p>
								<p class="f24 tit">阅读协议</p>
								<i class="block sixth-li1"></i>
								<p class="f14 color999">由专业的法务团队提供合作协议<br/>
									并将其中关于版权的部分着重显示<br/>
									您关心的，我们也最为珍惜
								</p>
							</li>
							<li class="f14 txt-center pos ml130">
								<p class="step f18">第二步</p>
								<p class="f24 tit">提交资料</p>
								<i class="block sixth-li1"></i>
								<p class="f14 color999">提供您的基本信息<br/>
									一边验明真身，获得更好的服务<br/>
									我们不会将信息透露给任何第三方
								</p>
							</li>
							<li class="f14 txt-center pos ml130">
								<p class="step f18">第三步</p>
								<p class="f24 tit">等待审核</p>
								<i class="block sixth-li1"></i>
								<p class="f14 color999">承诺24小时内完成审核<br/>
									我们和您一样讨厌等待<br/>
									尤其是激动人心的时刻到来之前
								</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	</body>
	
	<script src="js/jquery3.4.1.js"></script>
	<script src="js/fullPage.js-master/dist/fullpage.js"></script>
	<script src="js/musicPerson.js"></script>
</html>
